<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: arial;
            }
        
            body {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 100vh;
                background: #07252d;
            }
        
            h2 {
                position: relative;
                font-size: 6em;
                /* 字间距 */
                letter-spacing: 15px;
                color: #0e3742;
                /* 倒影 */
                -webkit-box-reflect: below 1px linear-gradient(transparent, rgb(000, 000, 000, .3));
                line-height: .8em;
                outline: none;
        
                animation: animate 5s linear infinite;
            }
        
            @keyframes animate {
        
                0%,
                18%,
                20%,
                50.1%,
                60%,
                65.1%,
                80%,
                90.1%,
                92% {
                    color: #0e3742;
                }
        
                18%,
                20%,
                50.1%,
                60%,
                65.1%,
                80%,
                90.1%,
                92%,
                100% {
                    color: #fff;
                    text-shadow: 0 0 10px #03bcf4,
                        0 0 20px #03bcf4,
                        0 0 40px #03bcf4,
                        0 0 80px #03bcf4,
                        0 0 160px #03bcf4;
                }
            }
        </style>
</head>
<body>


    <h2 contenteditable="true">Text</h2>


</body>
</html>